<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>GIMC省广股份-GIMC首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/gimc.css" />
	</head>

	<body>
		<div class="gimcWeb">

			<!--左边划出内容-->
			<div class="momen">
				<input type="checkbox" id="hb" />
				<div class="sousuo">
					<!--左边红色x-->
					<div class="toubu">
						<!--左边红色x-->
						<div class="left-cha">
							<label for="hb"><i class="iconfont icon-hongsechahao con"></i></label>
						</div>
						<!--搜索框-->
						<div class="souye">
							<input type="text" name="name-" placeholder="GIMC" required="required">
						</div>
					</div>
					<!--头像-->
					<div class="touxiang">
						<img src="img/touxiang.png" />
					</div>
					<!--陈晓敏-->
					<div class="xiaomin">
						<p class="xiao">陈晓敏</p>
						<div class="geren">个人中心&ensp;<span>></span></div>
						<div class="xingxing">
							<img src="img/xing.png" />
							<img src="img/xing.png" />
							<img src="img/xing.png" />
							<img src="img/xing.png" />
						</div>
						<p class="guanzhu">关注<span>&nbsp;36&nbsp;</span>|&nbsp;粉丝&nbsp;<span>32万</span></p>
					</div>
					<!--我的收藏。我的发布-->
					<div class="myfaverri">
						<div class="shoucang">我的收藏</div>&ensp;
						<div class="fabu">我的发布</div>
					</div>

					<!--导航-->
					<div class="daohanglan">
						<div class="gimc">
							<p>GIMC</p>
							<p>></p>
						</div>
						<div class="wenzhang">
							<p>文章</p>
							<p>></p>
						</div>
						<div class="ziyuan">
							<p>资源</p>
							<p>></p>
						</div>
						<div class="kecheng">
							<p>课程</p>
							<p>></p>
						</div>
					</div>
					<!--退出-->
					<div class="tuichu">
						<div class="out">
							退出
						</div>
					</div>
				</div>
			</div>

			<!--右边划出内容-->
			<div class="right1">
				<input type="checkbox" id="nana" />
				<div class="resou">

					<!--头部-->
					<div class="header">
						<div class="search">
							<input type="text" name="name-" placeholder="Search" required="required">
						</div>

						<div class="quxiao">
							<label for="nana">取消</label>
						</div>
					</div>
					<!--热搜列表-->
					<div class="liebiao">
						<div class="biaoti">
							热搜
						</div>
						<div class="xiangmu">
							<div>项目管理</div>
							<div>移动互联网</div>
							<div>O2O联转化</div>
						</div>
						<div class="meijie">
							<div>O2O</div>
							<div>媒介平台</div>
							<div>细分平台业务</div>
						</div>
						<div class="xiangmu">
							<div>项目管理</div>
							<div>移动互联网</div>
							<div>O2O联转化</div>
						</div>
					</div>
				</div>
			</div>

			<header>
				<ul>
					<li><label for="hb"><i class="iconfont icon-caidan"></i></label>
					</li>
					<li><img src="img/index/logo.png" /></li>
					<li>
						<div id="circle"><label for="nana"><i class="iconfont icon-sousuo"></i></label></div>
					</li>
				</ul>
			</header>

			<section>
				<div class="all">
					<div class="gimclogo">
						<div class="pic">
							<a href="gimc-jianjie.html"><img src="img/gimc/gimclogo.jpg" /></a>
						</div>
					</div>
					<div class="logo">
						<div class="pic">
							<img src="img/index/logo_red.png" />
						</div>
						<div class="pic">
							<img src="img/index/ali.jpg" />
						</div>
					</div>

					<div class="news">
						<div class="pic">
							<img src="img/index/lunbo01.jpg" />
							<div class="text">
								<h5>省广股份携手阿里妈妈举行DT大时代 全息营销...</h5>
								<p class="left">
									<i class="iconfont icon-aixin"></i>
									<span class="aixin">120</span>
									<i class="iconfont icon-yanjing"></i>
									<span>560</span>
								</p>
								<p class="right">
									<span>12月26日 07:33:43</span>
								</p>
							</div>
						</div>

					</div>

					<!--内容部分-->
					<div class="neirong">
						<div class="neirong1">
							<div class="leftimg">
								<a href="gimc-xinwendange.html"><img src="img/fanguan_03.jpg" /></a>
							</div>
							<div class="rightwenzi">
								<p>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？
								</p>
								<p>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</p>
								<p><span>2015-9-3</span>
									<i class="iconfont icon-aixin aixin"></i> 4808
									<i class="iconfont icon-yanjing yanjing"></i> 250
								</p>
							</div>
						</div>
						<div class="neirong1">
							<div class="leftimg">
								<a href="gimc-xinwendange.html"><img src="img/fanguan_03.jpg" /></a>
							</div>
							<div class="rightwenzi">
								<p>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？
								</p>
								<p>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</p>
								<p><span>2015-9-3</span>
									<i class="iconfont icon-aixin aixin"></i> 4808
									<i class="iconfont icon-yanjing yanjing"></i> 250
								</p>
							</div>
						</div>
						<div class="neirong1">
							<div class="leftimg">
								<a href="gimc-xinwendange.html"><img src="img/fanguan_03.jpg" /></a>
							</div>
							<div class="rightwenzi">
								<p>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？
								</p>
								<p>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</p>
								<p><span>2015-9-3</span>
									<i class="iconfont icon-aixin aixin"></i> 4808
									<i class="iconfont icon-yanjing yanjing"></i> 250
								</p>
							</div>
						</div>
						<div class="neirong1">
							<div class="leftimg">
								<img src="img/fanguan_03.jpg" />
							</div>
							<div class="rightwenzi">
								<p>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？
								</p>
								<p>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</p>
								<p><span>2015-9-3</span>
									<i class="iconfont icon-aixin aixin"></i> 4808
									<i class="iconfont icon-yanjing yanjing"></i> 250
								</p>
							</div>
						</div>
						<div class="jiazai">
							加载更多···
						</div>
					</div>
				</div>
			</section>

			<footer>
				<ul>
					<li>
						<a href="index.html">
							<div class="pic">
								<img src="img/home.png" />
							</div>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="pic">
								<img src="img/red_gimc.png" />
							</div>
							<p class="red">GIMC</p>
						</a>
					</li>
					<li>
						<a href="article-wenzhang.html">
							<div class="pic">
								<img src="img/article.png" />
							</div>
							<p>文章</p>
						</a>
					</li>
					<li>
						<a href="resource.html">
							<div class="pic">
								<img src="img/resource.png" />
							</div>
							<p>资源</p>
						</a>
					</li>
					<li>
						<a href="institute.html">
							<div class="pic">
								<img src="img/institute.png" />
							</div>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>

		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<script>
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>

</html>